<script>
export default {
  name: 'GwContent',
  functional: true,
  render(h, { data, children }) {
    return <section class="gw-content" { ...data }>
      { children }
    </section>
  }
}
</script>

<style lang="scss">
@import "~@style";

.gw-content {
  display: block;
  padding: $space;
  background-color: $white;

  &.thin {
    padding: 0;
  }

  .ui-dark-mode & {
    color: rgba(255,255,255,.6);
    background-color: $ui-body-bg-dark;
  }
}
</style>
